<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        <button v-on:click="showAll">
            获取所有
        </button>
        <table>
            <tr>
                <th>userName</th>
                <th>password</th>
                <th>name</th>
                <th>age</th>
                <th>email</th>
            </tr>
            <tr v-for="Tbuser in list">
                <td>{{Tbuser.userName}}</td>
                <td>{{Tbuser.password}}</td>
                <td>{{Tbuser.name}}</td>
                <td>{{Tbuser.age}}</td>
                <td>{{Tbuser.email}}</td>
            </tr>
        </table>
    </div>
</body>
</html>
<script src="vue/dist/vue.js"></script>
<script src="axios/dist/axios.js"></script>
<script>
    new Vue({
        el:"#app",
        data:{
            list:[]
        },
        methods:{
            showAll(){
                axios.get("/show")
                .then((result)=>{
                    this.list = result.data
                })
            }
        }
    })
</script>